<!doctype html>
<!-- The DOCTYPE declaration above will set the    -->
<!-- browser's rendering engine into               -->
<!-- "Standards Mode". Replacing this declaration  -->
<!-- with a "Quirks Mode" doctype may lead to some -->
<!-- differences in layout.                        -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <link type="text/css" rel="stylesheet" href="TO4.css">

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>VakantieVibes</title>
    
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" language="javascript" src="to4/to4.nocache.js"></script>
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
    
    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
       google.load("visualization", "1", {'packages' : ["piechart", "table", "motionchart", "geomap", "annotatedtimeline", "areachart", "barchart", "columnchart", "orgchart", "gauge", "intensitymap", "linechart", "map", "scatterchart"] });
    </script>
    <!--InlogPagina-->
    <div id ="logo"></div>
    
    	<div id="container_top"></div>
    	<div id="container_mid_reg1"></div>
    	<div id="container_btm"></div>
    
    
     <!--Hoofdpagina-->
    <div id="menubar"></div>
    <div id="menubarmet"></div>
        <div id="container_mid_left">
     <div id="wrapper_mid">
      <div id="wrappermidcenter">
      <h4>Uw geboekte reis</h4>
      "Alpe d' Huez"<br>
       </div>
       <div id="wrapperImage"><img src="sidebarpic.jpg" alt="Alpe d'Huez sign"></div>
       <div id="wrappermidpadding">
        Tijdens deze reis staan een aantal activiteiten centraal, fietsen en wandelen. 
        Waarbij je veel van de omgeving zult zien. 
        Een onderdeel van de reis is de beklimming van de Alpe d'Huez (3300m) waarin je een keuze krijgt om dit per fiets of lopend te doen. 
        Als je durft gaan we hierna via dezelfde route als de jaarlijkse Avalanche van Alpe d'Huez per fiets weer naar beneden. 
        Ook is er tijdens deze vakantie elke avond de bar geopend, waar je met je vrienden kunt napraten over de afgelopen dag.
       </div>
       <div id="wrapper_btm"></div>
    </div> 
        <div id="container_mid_home">
     </div>
     <div id="container_mid_btm_800"></div> 
   </div>
  </body>
</html>
